.htrd-l-control {
  // border: solid 1px #e6e6e6;

  .list {
    // border-right: solid 1px #e6e6e6;

    .head {
      height: 55px;
      // border-bottom: solid 1px #e6e6e6;

      .btn {
        font-size: 14px;
        margin: 15px 0px;
        border: solid 1px #e6e6e6;
      }

      .link {
        cursor: pointer;
        color: #3a8dfe;
        font-size: 14px;
        float: right;
        line-height: 60px;
        height: 60px;
        margin-right: 15px;
      }
    }

    .body {

      ul {

        li {
          height: 50px;
          line-height: 50px;
          cursor: pointer;

          .title {
            color: #202020;
            font-size: 14px;
            float: left;
            margin-left: 15px;
          }

          .status {
            color: #9d9d9d;
            font-size: 14px;
            float: right;
            margin-right: 15px;
          }

          &.active {
            background-color: #e6e6e6;
          }
        }
      }
    }
  }

  .info {
    margin: 10px auto;

    .form {

      .form-group {
        width: 100%;
        margin: 0px;

        .key {
          float: left;
          line-height: 50px;
          height: 50px;
          text-align: right;
          padding-right: 10px;

          div{
            color:red;
            float: left;
            margin-top: 3px;
            margin-right: 6px;
          }

          .title {
            font-size: 16px;
          }
        }

        .value {
          padding-left: 10px;
          float: left;
          width: 700px;

          .link {
            line-height: 50px;
            height: 50px;
            margin-left: 15px;
            color: #3b8efe;
            cursor: pointer;
          }

          .text {
            height: 50px;
            line-height: 50px;
          }

          input {
            margin: 7px 0px;
            height: 34px;
            border: 1px solid #e6e6e6;
            width: 204px;
            border-radius: 2px;
            padding: 0px 10px;
          }

          .btn {
            font-size: 14px;
            margin: 13px 0px;
            border: solid 1px #e6e6e6;
            float: left;
          }

          .dropdown-toggle {
            font-size: 14px;
            margin: 13px 0px;
            border: solid 1px #e6e6e6;
            float: left;
            margin-top: 8px;
          }

          .dropdown-menu {
            margin-top: 50px;
          }

          .matrix {
            width: 120px;
            height: 80px;
            float: left;
            border: 1px solid #e6e6e6;
            position: relative;
            margin-right: 10px;

            input {
              display: block;
              border: none;
              text-align: center;
              font-size: 30px;
              width: 64px;
              height: 40px;
              margin: 0px auto;
              margin-top: 10px;
            }

            .title {
              width: 120px;
              height: 30px;
              text-align: center;
              font-size: 16px;
              font-weight: 900;
            }

            .help {
              position: absolute;
              bottom: 5px;
              right: 5px;
              background-image: url('../img/sprite/sprite.png');
              background-position: -20px -1024px;
              width: 20px;
              height: 20px;
            }

            .help-panel {
              width: 500px;
              height: 150px;
              position: absolute;
              top: 86px;
              z-index: 99999;
              left: 0px;
              border: 1px solid #e6e6e6;
              border-bottom: none;
              background-color: #ffffff;

              .table-group {
                width: 500px;
                height: 30px;
                border-bottom: 1px solid #e6e6e6;

                .title {
                  width: 500px;
                  height: 40px;
                  font-size: 20px;
                  text-align: left;
                  padding-left: 10px;
                  line-height: 40px;
                }

                .key {
                  width: 64px;
                  height: 30px;
                  line-height: 30px;
                  text-align: left;
                  padding-left: 10px;
                  padding-right: 0px;
                  border-right: 1px solid #e6e6e6;
                }

                .value {
                  width: 436px;
                  height: 30px;
                  line-height: 30px;
                  padding-left: 10px;
                  text-align: left;
                }
              }

              &.left {
                left: -380px;
              }
            }
          }
        }
      }
    }
  }
}

.htrd-control-list-unplanned{
  background: url('../img/unplanned.png') no-repeat center;
}
